<template>
	<view class="d-flex flex-column j-sb px-3 pt-3">
		<view class="d-flex a-center j-sb">
			<text style="font-size: 34rpx;font-weight: 900;margin-left: -18upx;color: #33ACDB;">【{{title}}】</text>
			<text style="color: #CCCCCC;font-size: 24rpx;">更多</text>
		</view>
		<view class="border-bottom">
			<text>{{ dataObj.title }}</text>
			<view class="d-flex a-center my-3" style="height: 64upx;">
				<view class="mr-2" style="width: 54upx;height: 54upx;border-radius: 27upx;overflow: hidden;">
					<image :src="dataObj.thumb"  mode="" style="width: 54upx;height: 54upx;"></image>
				</view>
				<view class="d-flex flex-column">
					<text class="font-24 font-weight:500;">{{ dataObj.origin }}</text>
					<text class="font-20" style="color: #999999;">{{ dataObj.releaseDataDes }}</text>
				</view>
			</view>
			<text style="color: #666666;">{{ dataObj.description }}</text>
			<view style="color: #CCCCCC;" class="d-flex a-center font-20">
				<text class="iconfont icon-liulan mr-1"></text>
				<text class="mr-3">{{ dataObj.customViews }}</text>
				<text class="iconfont icon-comment1 mr-1"></text>
				<text>{{ dataObj.commentCount }}</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title:'问吧',
			moreText: '更多'
		};
	},
	props: {
		dataObj: {
			type: Object,
			default: () => {
				return {
					title: '房子质量不错',
					description: '房子质量不错',
					releaseDataDes: '4小时前',
					customViews: '0',
					origin: '中国房地产网',
					type: 'BAR',
					commentCount: 0,
					thumb: 'http://cmszfb.oss-cn-beijing.aliyuncs.com/u/cms/www/201912/25112516e113.png',
					contentId: 99738,
					url: 'http://www.creb.com.cn/mobile/dynamic.jhtml?id=99738'
				};
			}
		}
	}
};
</script>

<style></style>
